.some {
  height: 650px;
  background-color: #0b0b0b;;

  .some_img {
    text-align: center;
    margin-top: 9em;

    .items {
      position: relative;
      height: 50px;
      line-height: 50px;
      margin-bottom: 50px;

      img {
        position: absolute;
        left: 50%;
        top: 50%;
        transform: translate(-50%,-50%);
        display: none;
      }
    }
  }

  @media screen and (max-width:1200) {
    .some_img {
      .block {
        display: none;
      }
    }
  }

  .more {
    margin-top: 80px;
    text-align: center;
    label {
      display: inline-block;
      width: 10px;
      height: 10px;
      background-color: #fff;
      transition: all .5s;
      cursor: pointer;
      margin: 0 5px;
    }
  }

  input {
    display: none;
  }

  #some1:checked~.more .some1 {
    background-color: #fcac45;
  }

  #some1:checked~.some_img .items .img1 {
    display: block;
  }

  #some2:checked~.more .some2 {
    background-color: #fcac45;
  }

  #some2:checked~.some_img .items .img2 {
    display: block;
  }


  #some3:checked~.more .some3 {
    background-color: #fcac45;
  }

  #some3:checked~.some_img .items .img3 {
    display: block;
  }


}

@media screen and (max-width:768px) {
  .some {
    height: 1000px;

    .some_img {
      margin-top: 7em;
    }
  }
}

@media screen and (min-width:768px) {
  .some {
    height: 800px;
  }
}

@media screen and (min-width:992px){
  .some {
    height: 800px;
  }
}

@media screen and (min-width:1200px) {
  .some {
    height: 650px;
  }
}

